<link rel="stylesheet" href="http://www.12301.cc/css/aliceui.min.css"/>
<link rel="stylesheet" href="http://www.12301.cc/css/resetui.css"/>
<link rel="stylesheet" href="http://www.12301.cc/css/reg.css"/>
<link rel="stylesheet" href="http://www.12301.cc/css/distributor.css"/>
<script type="text/javascript">document.title="添加分销商 - <?=$data['web_title']?>";</script>
<!--主体-->
<div class="r_content" id="register">
	<ul class="atabHead">
		<li class="active">添加分销商</li>
	</ul>
    <div class="ui-tiptext-container ui-tiptext-container-question mt10">
        <p class="ui-tiptext ui-tiptext-warning">
            <span class="ui-form-required">+</span>添加成功后请点击“价格配置”为分销商配置结算价。
        </p>
    </div>
	<div class="tab_wrap tab_show">
    <form id="reg_form" class="reg_form">
        <?=$data['csrf_token'];?>
        <input type="hidden" name="action" value="RelationshipCreate"/>
        <input type="hidden" name="actionType" value="CreateDistor"/>
        <input type="hidden" name="dtype" value="1"/>
        <table class="add_table" >
			 <tr>
            <td class="tab1" id="alliance_tab1"><span class="ui-form-required">*</span>分销商名称</td>
            <td class="tab2">
                <input type="text" id="dname_e" class="ui_inout_allance_add ui_all_w400 required" name="company"  autocomplete="off" />
            </td>
            <td class="tab3 tab4">
                <p class="normal">输入分销商名称，仅限中文</p>
                <p class="error"></p>
                <p class="ok">&nbsp;</p>
            </td>
        </tr>
        <tr>
            <td class="tab1" id="alliance_tab1"><span class="ui-form-required">*</span>姓名</td>
            <td>
                <input type="text" data-msg="请输入联系人真实姓名" class="ui_inout_allance_add required ui_all_w400"  autocomplete="off" name="username" />
            </td>
            <td class="tab3">
                <p class="normal">请输入联系人姓名，仅限中文</p>
                <p class="error"></p>
                <p class="ok">&nbsp;</p>
            </td>
        </tr>
        <tr>
            <td class="tab1" id="alliance_tab1"><span class="ui-form-required">*</span>密码</td>
            <td class="tab2">
                <input type="password" data-msg="密码不能为空" class="ui_inout_allance_add  ui_all_w400" name="password" />
            </td>
            <td class="tab3 tab5">
                <p class="normal">6-16个字符,请使用字母加数字或符号的组合</p>
                <p class="error"></p>
                <p class="ok">&nbsp;</p> 
            </td>
        </tr>
       
        <tr>
            <td class="tab1" id="alliance_tab1"><span class="ui-form-required">*</span>确认密码</td>
            <td class="tab2">
                <input type="password" class="ui_inout_allance_add required ui_all_w400" name="confirmPwd" />
            </td>
            <td class="tab3">
                <p class="normal">请再次输入密码</p>
                <p class="error"></p>
                <p class="ok">&nbsp;</p>
            </td>
        </tr>
        <tr>
            <td class="tab1" id="alliance_tab1"><span class="ui-form-required">*</span>手机号</td>
            <td class="tab2">
                <input type="text" class="ui_inout_allance_add required ui_all_w400" name="mobile" id="mobile_c" autocomplete="off"/>
            </td>
            <td class="tab3 tab8">
                <p class="normal">请输入分销商手机号，必须唯一</p>
                <p class="error"></p>
                <p class="ok">&nbsp;</p>
            </td>
        </tr>
        <tr>
		<tr>
			<td class="tab1" id="alliance_tab1">企业类型</td>
            <td class="tab2" id="distributor_sel">
				<select name="com_type" class="dtlist">
				<option value="加盟门店">加盟门店</option>
				<option value="电商/团购网">电商/团购网</option>
				<option value="旅行社">旅行社</option>
				<option value="淘宝/天猫">淘宝/天猫</option>
				<option value="其他">其他</option>
				</select>
			</td>
        </tr>
		<tr>
			<td>&nbsp;</td>
			<td><input type="button" id="distor_btn_c" value="提交" class="submit_btn_d"/></td>
			<td>&nbsp;</td>
		</tr>
            </tbody>
       </table>
    </form>
	<table id="selected_distor" >
		<thead>
		<tr>
			<th class="first">分销商名称</th>
			<th>公司类型</th>
			<th>联系人</th>
			<th>操作</th>
		</tr>
		</thead> 
		<tbody id="selected_distor_list" class="hide">
		<tr id="dist_{$id}">
			<td class="first" style="text-align:left">[{$account}]{$dname}</td>
			<td style="text-align:left">{$com_type}</td>
			<td style="text-align:left">{$cname}[{$mobile}]</td>
			<td style="text-align:left">{$btn}</td>
		</tr>
		</tbody>
		<tbody id="selected_show_list"></tbody>
	</table>
	</div>
	</div>	
<!--快速查找分销商-->
<div class="huanyihuan">
<fieldset>
<legend>快速添加分销商</legend>
<p class="wodeziti">分销平台</p>
<div class="center">
<div class="nav">
    <ul id="list">
    <li id="l1">
		<table width="798" height="119" align="center">
		<tbody>
		<tr>
		<td><img src="http://www.12301.cc/images/fenxiaoshang/xianxing.png"></td>
		<td width="5">&nbsp;</td>
		<!--
		<td><img src="http://www.12301.cc/images/fenxiaoshang/yuanfan.jpg"></td> 
		<td width="5">&nbsp;</td>-->
		<td><img src="http://www.12301.cc/images/fenxiaoshang/baise.jpg"></td>
		<td width="5">&nbsp;</td>
		<td><img src="http://www.12301.cc/images/fenxiaoshang/baise.jpg"></td>
		</tr>
		<tr>
		<td><a href="javascript:void(0);" class="famous" data="福建先行旅游">旅游同业分销平台</a></td>
		<td>&nbsp;</td>
		<!--
		<td><a href="javascript:void(0);" class="famous" data="北京远帆信息技术有限公司">远帆票务</a></td>
		<td>&nbsp;</td>
		-->
		<td><a href="javascript:void(0);" class="famous" data="酷秀旅游"></a></td>
		<td>&nbsp;</td>
		<td><a href="javascript:void(0);" class="famous" data="杭州贝竹电子商务有限公司"></a></td>
		</tr>
		</tbody>
		</table>
    </li>
	</ul>
</div>
</div>
<p class="wodeziti">OTA电商</p>
<div class="center">
<div class="nav">
    <ul id="list">
    <li id="l1">
		<table width="798" height="190" align="center">
		<tbody>
		<tr>
			<td><img src="http://www.12301.cc/images/fenxiaoshang/xiecheng.png"></td>
			<td width="5">&nbsp;</td>
			<td><img src="http://www.12301.cc/images/fenxiaoshang/qunaer.png"></td>
			<td width="5">&nbsp;</td>
			<td><img src="http://www.12301.cc/images/fenxiaoshang/lvmama.png"></td>
			<td width="5">&nbsp;</td>
			<td><img src="http://www.12301.cc/images/fenxiaoshang/tongcheng.png"></td> 
		<tr>
			<td><a href="javascript:void(0);" class="famous" data="携程网">携程网</a></td>
			<td>&nbsp;</td>
			<td><a href="javascript:void(0);" class="famous" data="去哪儿">去哪儿</a></td>
			<td>&nbsp;</td>
			<td><a href="javascript:void(0);" class="famous" data="驴妈妈">驴妈妈</a></td>
			<td>&nbsp;</td>
			<td><a href="javascript:void(0);" class="famous" data="同程网">同程网</a></td>
			<td>&nbsp;</td>
		</tr>  
        </tr>
        <tr>        
			<td><img src="http://www.12301.cc/images/fenxiaoshang/tuniu.png"></td>
			<td width="5">&nbsp;</td>
			<td><img src="http://www.12301.cc/images/fenxiaoshang/weixun.png"></td>
			<td width="5">&nbsp;</td>
        </tr>
        <tr>        
			<td><a href="javascript:void(0);" class="famous" data="南京途牛旅游网">途牛网</a></td>
			<td>&nbsp;</td>
			<td><a href="javascript:void(0);" class="famous" data="深圳微讯科技信息部">微讯旅游网</a></td>
			<td>&nbsp;</td>
        </tr>        
		</tbody>
		</table>
    </li>
	</ul>
</div>
</div>
<p class="wodeziti">团购网</p>
<div class="center">
<div class="nav">
    <ul id="list">
    <li id="l1">
		<table width="798" height="119" align="center">
			<tbody>
				<tr>
					<td><img src="http://www.12301.cc/images/fenxiaoshang/meituan.png"></td>
					<td width="5">&nbsp;</td>
					<td><img src="http://www.12301.cc/images/fenxiaoshang/lashou.png"></td>
					<td width="5">&nbsp;</td>
					<td><img src="http://www.12301.cc/images/fenxiaoshang/nuomi.jpg"></td>
					<td width="5">&nbsp;</td>
					<td><img src="http://www.12301.cc/images/fenxiaoshang/baise.jpg"></td>
				</tr>
				<tr>
					<td><a href="javascript:void(0);" class="famous" data="【美团】北京三快在线科技有限公司">美团网</a></td>
					<td>&nbsp;</td>
					<td><a href="javascript:void(0);" class="famous" data="拉手网">拉手网</a></td>
					<td>&nbsp;</td>
					<td><a href="javascript:void(0);" class="famous" data="百度糯米网">百度糯米</a></td>
					<td><a href="javascript:void(0);" class="famous" data=""></a></td>
				</tr>
			</tbody>
		</table>
    </li>
	</ul>
</div>
</div>
</fieldset>
<div class="red">注：添加配置OTA、团购为分销商后，需联系OTA、团购业务上架销售。</div>
</div>
</div>
</div>
<div id="fullbg"></div> 
<div id="dialog"> <p class="close">联盟协议</p>
	<div class="textarea_ben"></div>
	<div class="sure_btn">
		<input type="button" id="sure" value="同意" class="submit_btn_d"/>
		<a href="#" onclick="closeBg();">不同意</a>
	</div>
</div>
<script type="text/javascript" src="http://www.12301.cc/js/fun.inc.js"></script>
<script type="text/javascript" src="http://www.12301.cc/js/prod_pub.js"></script>
<!-- <script type="text/javascript" src="js/alliance.js"></script> -->
<!-- <script type="text/javascript" src="http://www.12301.cc/js/distor_add.js"></script> -->
<script type="text/javascript" src="http://www.12301.cc/js/distor_add_test.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
	$("a#create_new_lnk").on('click', function(){
	if($(this).hasClass('opened')) {
		$("#create_new_one").hide();
		$("table#com_type").show();
		$("#selected_distor").show();
		$(this).removeClass('opened').text('创建新分销商');
	} else {
		$("#create_new_one").show();
		$("table#com_type").hide();
		$("#selected_distor").hide();
		$(this).addClass('opened').text('选择已有分销商');
		if(verify.isTel($("input[name=s_val]").val())){
			$("input[name=company]").val('');
			$("input[name=mobile]").val($("input[name=s_val]").val());
		}else{
			$("input[name=mobile]").val('');
			$("input[name=company]").val($("input[name=s_val]").val());
		}
	}
});
$(document).ready(function(){
	$("#selected_distor").on('click', '.selected_distor_add', function(){
		var did = $(this).attr('data-id');
		var type = $(this).attr('data-type');//1是联盟 其他是正常
		var protocol = $(this).attr('data-protocol');
		var bh = $("body").height(); 
		var bw = $("body").width();  
		var protocol = protocol;//协议文本
		$("#dialog .textarea_ben").append(protocol);
		param = {
			action: 'AddRelationShip',
			distor: did,
			token : check.getToken()
		},	elem = $(this);
		if(type==1){
			$("#fullbg").css({ height:bh, width:bw, display:"block" });
			$("#dialog").show(); 
			$("#dialog").on('click', '#sure', function(){
			$.post(url,param,function(json_res){
				if(json_res.status=='ok') {
					elem.parent('td').html('已添加|<a target="_blank" href="priceset.html?did='+did+'">价格配置</a>');
					alert("您已添加成功联盟");
					closeBg();
				} else {
					alert(json_res.msg);
				}
				},'json');
				});
		}
		else{
			 $.post(url,param,function(json_res){
				if(json_res.status=='ok') {
					elem.parent('td').html('已添加|<a target="_blank" href="priceset.html?did='+did+'">价格配置</a>');
				} else {
					alert(json_res.msg);
				}
				},'json');
		}
		});
	});

});
$("input[name=s_val]").on('keyup', function(){
	if(verify.isTel($(this).val())){
		getMember($(this),true);
		return false;
	}else if(verify.is_chinese($(this).val())){
		tab3.find(".error").html('分销商必须是中文开头').hide();
		getMember($(this),false);
	}else{
		tab3 = $(this).parents("tr").find('td.tab3');
		tab3.find(".error").html('分销商必须是中文开头').show();
		tab3.show();
	}
});


$("input[name=s_val]").on('focus', function(){
	if(!verify.is_chinese($(this).val())){
		tab3 = $(this).parents("tr").find('td.tab3');
		tab3.find(".error").html('分销商必须是中文开头').show();
		tab3.show();
	}

	$("#create_new_one").hide();
	$("table#com_type").show();
	$("#selected_distor").show();
	$("a#create_new_lnk").removeClass('opened').text('创建新分销商');
});

	
// 获取搜索分销商列表
function getMember(obj,isTel){
	var val = obj.val(),listTxt = '', bEqual=false;
	if(val=='') return false;
	if(isTel){// 手机号搜索
		$.getJSON('call/jh_mem.php',{action:'chkAndGet',mobile:val})
		.done(function(salers){
			
		   if((typeof salers.ajaxMobile!='undefined' && salers.ajaxMobile!=null) || (typeof salers.status!='undefined' && salers.status!=1) ){
				listTxt=getParTpl(salers);
			}else{
				$("#create_new_lnk").show();
			}				
			$("#selected_show_list").html("");
			$("#selected_show_list").append(listTxt);
		});
	}else{ // 分销商名称模糊搜索
		$.getJSON('call/jh_mem.php',{action:'fuzzyGetDname',dname:val})
		.done(function(salers){
			for(var k in salers) {
				if(salers[k].dname==val) bEqual=true;
				listTxt+=getParTpl(salers[k]);
			}
			$("#selected_show_list").html("");
			$("#selected_show_list").append(listTxt);
			if(bEqual==false) $("#create_new_lnk").show();
		});

	}
	
	
};

function closeBg() { 
    $("#fullbg,#dialog").hide(); 
} 
</script>